<script setup>
	import { ref } from "vue";
	import Controller from "@/components/Controller";
</script>

<template>
	<a-layout class="left-menu-layout" style="min-height: 100vh">
		<Controller.Header />
		<a-layout>
			<Controller.Sider>
				<Controller.Menu />
			</Controller.Sider>
			<a-layout-content class="layout-content">
				<!-- <Controller.Breadcrumb /> -->
				<div class="view-content">
					<router-view />
				</div>
				<!-- <Controller.Footer /> -->
			</a-layout-content>
		</a-layout>
	</a-layout>
</template>

<style scoped lang="less">
	.layout-content {
		display: flex;
		flex-direction: column;
		padding: 0 16px;
		.view-content {
			flex-grow: 1;
			width: 100%;
			// height: calc(100% - 96px);
		}
	}
</style>
